<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Healthy</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap-4.2.1.css" rel="stylesheet">
    <link rel="stylesheet" href="css/control_style.css">

    <style>
        body::-webkit-scrollbar {
            display: none;
        }
    </style>
    <script src="./js/general.js"></script>
    <link rel="stylesheet" href="./css/general.css">

</head>
<body style="color: aliceblue; background: #000000">
<div id="next_rate"></div>
<div id="back_rate"></div>

<div class="container">
    <!--  <div class="row"> -->
    <!--    &lt;!&ndash;  日期时间&ndash;&gt;-->
    <!--    <div class="col-6">-->
    <!--      <h1 id="dateTime"></h1>-->
    <!--    </div>-->
    <!--    &lt;!&ndash;  温度天气&ndash;&gt;-->
    <!--    <div class="col-6">-->
    <!--      <h1 class="text-right">12°C/3°C</h1>-->
    <!--      <div class="col-lg-12 " align="right"><img src="images/weather_4.png" alt="weather"></div>-->
    <!--    </div>-->
    <!--  </div>-->

    <!--  间隔-->
    <div style="height: 100px;"></div>
    <hr>
    <!--  日程表-->
    <div align="center"><span style="margin-left: 30px;"><img src="images/health.png" alt="Schedule"></span> <font
            class="text-left" style="margin-left: 10px;font-size: 40px;font-weight: 700;">Healthy</font></div>
    <div class="row">
        <div class="col-6">
            <img src="images/human.png" alt="human" height="500px">
        </div>
        <div class="col-6">
            <iframe class="p2-iframe" src="gauge-stage.html" width="800" height="500" frameborder="0" scrolling="no"
                    align="middle"><a href="gauge-temperature.html">看到我，说明你的浏览器不支持iframe，点击这里访问原页面。</a></iframe>
        </div>
    </div>
    <div>
        <iframe class="p2-iframe" src="dataset-encode0.html" width="100%" height="1000" frameborder="0" scrolling="no"
                align="middle"><a href="gauge-temperature.html">看到我，说明你的浏览器不支持iframe，点击这里访问原页面。</a></iframe>
    </div>
    <!--  间隔-->
    <div style="height: 80px;"></div>
    <div class="col-lg-12">
        <p class="text-left">Don't give up.There are more ways than difficulties.</p>
        <!--    <a href="index.html">information.</a> -->
    </div>
    <!--  底部文字信息-->
    <div class="col-lg-12"></div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap-4.2.1.js"></script>

</div>
</body>
</html>
